<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,initial-scale=1.0,width=device-width"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hello APP</title>
    <link rel="stylesheet" type="text/css" href="./css/api.css" />
    <style type="text/css">
    html,body{
        height: 100%;
    }
    #wrap{
        height: 100%;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-flex-flow: column;
    }
    #header{
        text-align: center; 
		background-color: #81a9c3; 
		color: #fff;
        width: 100%;
    }
    #header h1{
        font-size: 20px; 
		height: 44px; 
		line-height: 44px; 
		margin: 0em; 
		color: #fff;
    }
    #main{
        -webkit-box-flex: 1; 
        -webkit-flex: 1;
    }
    #footer{
        height: 30px; 
		line-height: 30px;
        background-color: #81a9c3; 
        width: 100%;
        text-align: center;
    }
    #footer h5{
        color: white;
    }
    .con{
		font-size: 28px; 
		text-align: center;
	}
    </style>
</head>
<body>
    <div>
    	用户11111名:<input id="username" type="text" name="username" /><br>
    	密12312312312码:<input id="password" type="password" name="password"/><br>
    	    <button id="button" value="提交">提交</button>
    </div>
    <span tapmode onclick="auth()"> auth </span>
    <hr><hr>
    <span tapmode onclick="shareMutableImg()"> 分享图片到微信 (此接口仅Android可用)</span>
    <span tapmode onclick="yinyue()">测试音频的播放</span>
</body>
<script type="text/javascript" src="./script/api.js"></script>
<script type="text/javascript" src="http://44.xingfubox.com/jquery-1.8.3"></script>
<script type="text/javascript">
      
       apiready = function(){
        
        var ajpush = api.require('ajpush');
        ajpush.init(function(ret) {
		    if (ret && ret.status){
		    //获取注册id
//		             ajpush.getRegistrationId(function(ret) {
//			          var registrationId = ret.id;
//			          alert(registrationId);
//			});  
				ajpush.setListener(
				    function(ret) {
				         var id = ret.id;
				         var title = ret.title;
				         var content = ret.content;
				         var extra = ret.extra;
				         console.log(content);
				    }
				);
		    }
});
			
       };
//      function auth() {
//			wx.auth({
//				apiKey : 'wx4f89c9e55ef9abb5'
//			}, function(ret, err) {
//				if (ret.status) {
//				      //根据获取的code获取access_token
//					  wx.getToken({
//						apiKey : 'wx4f89c9e55ef9abb5',
//						apiSecret : '9c6f073a99b2e0d63e660d999b28bfb0',
//						code : ret.code
//					}, function(ret, err) {
//						if (ret.status) {
//						//根据token获取用户信息
//						wx.getUserInfo({
//								accessToken : ret.accessToken,
//								openId : ret.openId
//							}, function(ret, err) {
//								if (ret.status) {
//									alert(JSON.stringify(ret));
//								} else {
//									alert(JSON.stringify(err))
//								}
//							});
//							
//						} else {
//							alert(JSON.stringify(err))
//						}
//					});
//					
//					
//				} else {
//					alert(JSON.stringify(err))
//				}
//			});
//		}
//
//		function shareMutableImg() {
//			wx.shareMutableImg({
//				description : '测试来源于app',
//				imgs : ['widget://res/11.png', 'widget://res/22.png']
//			});
//		}
        
		function  yinyue(){
			var audio = api.require('audio');var audio = api.require('audio');
			audio.play({
			    path: 'http://lizi.haizizhu.com/attachment/audios/2/2016/12/SKbA589332bA8J2ob428K4f2v6oa44.mp3,audios/2/2016/12/vH47g540zZHa5k44GvQ5mz4tavh4Am.mp3'
			}, function(ret, err) {
			    if (ret) {
			        
			    } else {
			        alert(JSON.stringify(err));
			    }
			});
			audio.pause();
			
		}
		
		
//		function getUserInfo() {
//			wx.getUserInfo({
//				accessToken : '',
//				openId : ''
//			}, function(ret, err) {
//				if (ret.status) {
//					alert(JSON.stringify(ret));
//				} else {
//					alert(JSON.stringify(err))
//				}
//			});
//		}
		var username =document.getElementById('username');
		var  button = document.getElementById('button');
		var password=document.getElementById('password');
		
		//发送ajax
//		button.onclick=function(){
////		      alert(username.value);
//       var  user=username.value;
//       var  pwd=password.value;
//       console.log(123);
//        //发送ajax
//        api.ajax({
//				url: "http://44.xingfubox.com/11.php",
//				method: 'post',
//				cache:'false',
//				dataTpye:'json',			
//				data: { 
//				
//				values:
//				
//				{username: user ,password: pwd}
//				
//				}
//				},function(ret,err){
//					
//					if(ret){
//     
//                var key='user';
//                var user={};
//                user.name = ret.name;
//                user.token = ret.token;
//                user.stime =ret.stime;
//                $api.setStorage(key, user);
//                user = $api.getStorage(key);
//			        
//                
//		             }else{
//		             api.alert({msg:('错误码：'+err.code+'；错误信息：'+err.msg+'网络状态码：'+err.statusCode)});
//		        }
//			
//				
//			});
		
      
//  }
 
</script>
</ht